<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Featureddoc.ascx.cs" Inherits="Featureddoc" %>
<%@ Register Src="../includes/showRate.ascx" TagName="showRate" TagPrefix="uc4" %>
<!-- start-->
<link href="<%=Session["strHttp"]%>css/craftyslide.css" rel="stylesheet" />
<div id="slides">
		  <div class="slides_container">
				<%--	<div class="slide">
						<a href="#" title="Doctor 01" target="_blank"><img src="img/doctor1.jpg" width="260" height="270" alt="Slide 1"></a>
						<div class="caption" style="bottom:0">
							<p>Doctor 01</p>
						</div>
					</div>--%>
					 <%=featured_doc %>
					
			</div>
				<!--<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>-->
  </div> 
 
     
    <script src="<%=Session["strHttp"]%>js/slides.min.jquery.js"></script>
     <script >
         $(function () {
             $('#slides').slides({
                 preload: true,
                 preloadImage: 'img/loading.gif',
                 play: 5000,
                 pause: 2500,
                 hoverPause: true,
                 animationStart: function (current) {
                     $('.caption').animate({
                         bottom: -35
                     }, 100);
                     if (window.console && console.log) {
                         // example return of current slide number
                         console.log('animationStart on slide: ', current);
                     };
                 },
                 animationComplete: function (current) {
                     $('.caption').animate({
                         bottom: 0
                     }, 200);
                     if (window.console && console.log) {
                         // example return of current slide number
                         console.log('animationComplete on slide: ', current);
                     };
                 },
                 slidesLoaded: function () {
                     $('.caption').animate({
                         bottom: 0
                     }, 200);
                 }
             });
         });
	</script>
<%--<div id="slideshow">
    <ul>
        < %=featured_doc %>
    </ul>
</div>--%>
<div class="cl">&nbsp;</div>


<h2><strong>Top Featured Doctors</strong></h2>
<%=top_rated_doc %>


<%--<table style="font-size: 12px; border-collapse: collapse; border-spacing: 0px; width: 290px">
    <tr>
        <td width="64%" valign="top">--%>
<%--<p>
                <strong class="white-txt">
                    <asp:Label ID="lbl_docna" runat="server"></asp:Label>&nbsp;<asp:Label ID="lbl_spec"
                        runat="server"></asp:Label></strong><br />
                <asp:Label ID="lbl_add" runat="server"></asp:Label>
            </p>
            <p class="red-txt">
                <strong>Rating:&nbsp;<asp:Label ID="lbl_rate" runat="Server"></asp:Label></strong>
            </p>
            <table style="font-size: 12px; border-collapse: collapse; border-spacing: 0px">
                <tr>
                    <td width="50%">
                        <b>Training: </b>
                    </td>
                    <td width="50%">
                        <b>
                            <uc4:showRate ID="TrainingRate" runat="server" />
                        </b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>Skill: </b>
                    </td>
                    <td>
                        <b>
                            <uc4:showRate ID="ExpertiseRate" runat="server" />
                        </b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>Patient Rating: </b>
                    </td>
                    <td>
                        <b>
                            <uc4:showRate ID="PatientRate" runat="server" />
                        </b>
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>Cost : </b>
                    </td>
                    <td>
                        <b><font color="#ff0000">
                                        <uc4:showRate ID="CostRate" imageName="dolar" runat="server" />
                                    </font></b>
                    </td>
                </tr>
            </table>--%>
<%--     </td>
        <td width="36%" align="center" valign="top">

            <asp:Literal ID="imgTag" runat="server" Visible="false"></asp:Literal>
            <asp:Literal ID="gender" runat="server" Visible="false"></asp:Literal>


            <%=imgTag.Text %>
            <br />
            <!--  <a href="#"> -->
            <asp:Button ID="btnProfile" runat="server" CssClass="buttonclass" AlternateText="View Profile" Text="View Profile" OnClick="btnProfile_Click" />
       
        </td>
    </tr>
</table>--%>

<!--end-->
